*{margin:0; padding: 0;}
html{overflow:-moz-scrollbars-vertical;}
body{
   font-family: 微软雅黑;
   font-size: 14px;}
   .box{width:1349px;
        margin:0 auto;
     }
.topbar{
   width:1349px;
   height:76px;
   background:
   -webkit-radial-gradient(circle,white,rgb(230,230,230));
    
    }
.nav{    position: absolute;
          top:30px;
         margin-left: 47%;
    }
.nav a{
        display: inline-block;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        color:#999;}
   .nav a:hover{
        -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
        -o-transform:rotate(10deg);
        -ms-transform:rotate(10deg);
        transform:rotate(10deg);
      }

.nav li{
   position:relative;
        display:inline-block;
        padding:0 16px;
        font-size: 18px;
        list-style: none outside none;
      }
.nav li:not(:last-of-type):after{
content:"";
width:1px;
height:16px;
position:absolute;
top:50%;
margin-top:-8px;
right:0;
background-image:
linear-gradient(to bottom,#999,#666);
      }
/*删除第一项和最后一项导航分隔线*/
.nav1 li:first-child::before{
 display: none;
   }
.nav1 li:last-child::after{
   display: none;
 }
 .nav a,.nav a:hover{
  
  text-decoration: none;
    }

.mid{
   width:1349px;
   height: 383px;
   border-top:1px solid black;
   background-image:
    -webkit-radial-gradient(circle,#c3610a ,#580e03); 
    border-bottom:1px solid black;}
.touming{
   width: 1349px;
   height: 320px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 30px;
}
.foot{
  width: 1349px;
   height: 270px;
   background:rgba(250,250,250,.1);
   position: relative;
   top: 30px;
}
.mid_1{
   width: 1275px;
   height:340px; 
   background:rgba(250,250,250,.1);
   margin:0 auto;
}

.mid2{
background:url(../picture/bgp.jpg) no-repeat center center scroll;
background-size: cover;
width: 1349px;
height: 383px;
}
.mid3{
   width: 1349px;
   height: 192px;
   background:#e2e2e2;
}

.about{
   list-style: none;
   margin-left:120px;
   position: relative;
   top:30px;
}
.about li{float:left;
   margin-left:50px; 
   color: #7c7c7c;}
h3{width:200px;}
.about li p{width:200px;
   letter-spacing: 1px;}

input:hover{
   background: #e4a44a;
   color: white;
}

.topic{width:220px;
       height: 252px;
       float:left;
       color:white;
       font-family: Arial;
       font-size:20px;
       margin-top:30px;
       position: relative;
       top:0px;
       left:200px;
    }
.topic p{font-size: 18px;}
.logo{position: absolute;top: -25px; margin-left: 15%;}
.button_top{margin-top: -40px;}
.direct{margin-top: -80px; margin-left: 6%;}
input{font-size: 14px;
  width:200px;
  height: 35px;
  background: #ededed;
  border-radius: 5px;
  border: 3px solid #7c7c7c;
  box-shadow: 0 3px 20px black;
  margin-left: 50px;
  position: relative;left:150px;top: 10px;}

  .direct span{margin-left: 200px;}
.footerend{width: 1349px;
height: 40px;
background-image:linear-gradient(to left, #580e03,#c3610a,#580e03); }

footer{width:1349px;
   height: 300px;
   border-top:1px solid black;
   background-image:
    -webkit-radial-gradient(circle,#c3610a ,#580e03); }
     .con_con{width:1275px; margin:0 160px;}
    .con{
      width: 200px;
       height: 300px;
       float: left;
       margin-left:50px;
    }

    hr{color: yellow; 
      opacity: .1; 
      height: 0.004em; 
      border:1px solid yellow;}
      .con ul{list-style: none;
        line-height: 2.5em; 
        color:white;}
.social{float: left;}
.social,.mail{padding:10px; background: rgba(0,0,0,.2);}
   .mail{margin-left:13px;}

  .footerend p{line-height: 40px;
   margin-left: 207px; 
   opacity: .7;
    float: left;}
   .footerend p a{text-decoration:none; 
     color:yellow;
   }
  .footerend p a:hover{color:orange;}
  .mid3 article{width: 800px;margin-left: 20%; 
    position: relative;top: 30px;}
    .mid3 article span{font-size: 16px;}
    #H{color:#a74b08;}